<template>
	<view class="login-mask" v-if="isShowLoginMask" catchtouchmove="true" @touchmove="toDeal">
		<view class="auth-btn" @click="dealClick"></view>
		<InputLoginPop :isShowNewAuthPop="isShowNewAuthPop" @closeAuthPop="closeAuthPop"/>
	</view>
</template>

<script>
	export default {
		name: "LoginMask",
		props: ["isShowLoginMask"],
		data() {
			return {
				isShowNewAuthPop: false
			};
		},
		methods: {
			closeAuthPop(flag) {
				this.isShowNewAuthPop = false
				this.$emit('closeLoginPop', flag)
			},
			toDeal() {},
			dealClick() {
				this.isShowNewAuthPop = true
				console.log('点击蒙层===this.isShowNewAuthPop', this.isShowNewAuthPop)
			}
		}
	}
</script>

<style scoped>
	.login-mask {
		width: 100vw;
		height: 100vh;
		background: transparent;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 11;
	}
	.auth-btn {
	  width: 100%;
	  height: 100%;
	  background: transparent;
	}
</style>
